<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<aside class="aside-lg bg-light lter b-r">
	<section class="vbox">
		<section class="scrollable">
			<div class="wrapper">
				<div class="text-center m-b m-t">
					<a href="#" class="thumb-lg"> 
					
						<c:if test="${!empty user}">
							<img src="${ sessionScope.user.user_headImg }"  class="img-circle">
						</c:if> <c:if test="${empty user}">
							<img src="images/a0.png"  class="img-circle">
						</c:if>
					</a>
					<div>
						<div class="h3 m-t-xs m-b-xs">${ sessionScope.user.user_name }</div>
						<small class="text-muted"><i class="fa fa-map-marker"></i>
							${ sessionScope.user.user_location }</small>
					</div>
				</div>
				<div class="panel wrapper">
					<div class="row text-center">
						<div class="col-xs-6">
							<a href="#"> <span class="m-b-xs h4 block">${ sessionScope.user.user_followers }</span> <small
								class="text-muted">Followers</small>
							</a>
						</div>
						<div class="col-xs-6">
							<a href="#"> <span class="m-b-xs h4 block">${ sessionScope.user.user_following }</span> <small
								class="text-muted">Following</small>
							</a>
						</div>
					</div>
				</div>
				<div class="btn-group btn-group-justified m-b">
					<a class="btn btn-success btn-rounded" data-toggle="button"> <span
						class="text"> <i class="fa fa-eye"></i> Follow
					</span> <span class="text-active"> <i class="fa fa-eye"></i>
							Following
					</span>
					</a> <a class="btn btn-dark btn-rounded"> <i
						class="fa fa-comment-o"></i> Chat
					</a>
				</div>
				<div>
					<small class="text-uc text-xs text-muted">about me</small>
					<p>${ sessionScope.user.user_selfInfo }</p>
					<small class="text-uc text-xs text-muted">info</small>
					<p>${ sessionScope.user.user_selfInfo }</p>
					<div class="line"></div>
					<small class="text-uc text-xs text-muted">connection</small>
					<p class="m-t-sm">
						<a href="#" class="btn btn-rounded btn-twitter btn-icon"><i
							class="fa fa-twitter"></i></a> <a href="#"
							class="btn btn-rounded btn-facebook btn-icon"><i
							class="fa fa-facebook"></i></a> <a href="#"
							class="btn btn-rounded btn-gplus btn-icon"><i
							class="fa fa-google-plus"></i></a>
					</p>
				</div>
			</div>
		</section>
	</section>
</aside>
